<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
		<meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width"/>
		<meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
		<title>关于我们</title>
		<link rel="stylesheet" type="text/css" href="../../css/api.css" />
		<link rel="stylesheet" type="text/css" href="../../css/sm.min.css">
		<link rel="stylesheet" href="../../css/sm-extend.min.css">
		<script type='text/javascript' src='../../script/zepto.min.js' charset='utf-8'></script>
		<script type='text/javascript' src='../../script/sm.min.js' charset='utf-8'></script>
		<script type='text/javascript' src='../../script/sm-extend.min.js' charset='utf-8'></script>
		<link rel="stylesheet" type="text/css" href="../css/lock.css">
		<link rel="stylesheet" type="text/css" href="../css/icontest/iconfont.css">
		<link rel="stylesheet" type="text/css" href="../../css/iconfont.css">
    <style>
		body {
			font-family: "微软雅黑";
		}
		a {
			color: #000;
		}
		a:active, a:link, a:visited, a:hover {
			color: #000;
			text-decoration: none;
		}
		img {
			display: block;
			margin: auto;
			width: 100%;
		}
		.bar:after{
			background-color:rgba(0,0,0,0);
		}
    </style>
</head>
<body>
		<header class="bar bar-nav" id="header" style="background: rgba(0,0,0,0);position: fixed;" >
			<a class="icon pull-left" id="back"><i class="iconfont icon-xiangzuo1" style="font-size: 28px;border:1px solid #C9C9C9;border-radius: 28px;color: #797979"></i></a>
		</header>
		<div style="overflow: auto;height:100%;padding-bottom:51px">
			<div class="swiper-containerlrf" style="overflow: hidden">
				<div class="swiper-wrapper">
					<div class="swiper-slide"><img src="../image/lock/lock1.jpg">
					</div>
					<div class="swiper-slide"><img src="../image/lock/lock2.jpg">
					</div>
					<div class="swiper-slide"><img src="../image/lock/lock3.jpg">
					</div>
				</div>
				<div class="swiper-pagination" style="position:relative;bottom:33%"></div>
			</div>
			<img src="../image/lock/lockMain.jpg"/>
		</div>
		<img src="../image/lock/lockPrice.jpg" style="position:fixed;bottom: 0;"/>
		<div id="toBuy" class="last"></div>
	</body>
<script type="text/javascript" src="../../script/jquery-1.10.2.js"></script>
<script type="text/javascript" src="../js/swiper.js"></script> 
<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript" src="../js/shangjia/lock.js"></script>
<script>
	var swiper = new Swiper('.swiper-containerlrf', {
        pagination: '.swiper-pagination',
        paginationClickable: true,
        spaceBetween: 3,
        centeredSlides: true,
        autoplayDisableOnInteraction: false,
        autoplay: 2500,
        loop: true
    });	
</script>
</html>